<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>云南公安网安大数据安全监管平台</title>
  <link rel="stylesheet" href="../../assets/css/uikit.css">
  <link rel="stylesheet" href="../../assets/css/style.css">
  <link rel="stylesheet" href="../../assets/icons/style.css">
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="nav.js"></script>
  <script src="../../scripts/plugins/jquery.icheck.min.js"></script>
  <script src="../../scripts/plugins/jquery.tablesort.min.js"></script>
  <script src="../../scripts/plugins/jquery.ztree.all.min.js"></script>
</head>
<body class="sys-body" style="overflow:hidden;">
  <div class="sys-header">
    <div class="sys-logo">
      <h1>云南公安网安大数据安全监管平台</h1>
    </div>

    <div class="sys-menu" id="sys-menu">
      <ul>
        <li>loading......</li>
      </ul>
      <div class="curLine"></div>
    </div>
    <div class="sys-topbar">
      <img src="../../assets/images/_userphoto.png"><span><a href="javascript:void(0);">Admin</a><a href="javascript:void(0);"> 【注销】</a></span>
    </div>
  </div>

  <div class="sys-sidebar">
    <div class="toggle-sidebar"><i class="icon-toleft"></i></div>
    <ul>
      <li> <a href="sys-disk.html"><i class="icon-db"></i><span>日志管理</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-disk.html">日志清理</a></li>
          <!-- <li><a href="sys-backup.html">数据备份</a></li> -->
        </ul>
      </li>

      <li class="active"> <a href="javascript:void(0);"><i class="icon-info-fill"></i><span>系统信息</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-info.html">系统信息</a></li>
          <li class="active"><a href="sys-email.html">邮件服务器</a></li>
          <li><a href="sys-collection.html">采集服务器</a></li>
          <li><a href="sys-server.html">客户端类型配置</a></li>
        </ul>
      </li>
      <li> <a href="sys-dictionary.html"><i class="icon-info-fill"></i><span>数据字典管理</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-dictionary.html">码表管理</a></li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="sys-main" id="sys-main">
    <div class="sys-title"><h2>邮件服务器</h2></div>

    <div class="sys-content">
      <div class="panel">
        <div class="panel-head">
          <div class="panel-title">
            <h3>配置</h3>
          </div>
        </div>
        <div class="panel-body">
          <div class="form-box">

            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>发件人邮箱地址：</div>
              <div class="form-content"><input type="text" class="long" value="admin@163.com"><em class="fc-success"><i class="icon-safe"></i>成功文字可以不要</em></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>发件人名称：</div>
              <div class="form-content"><input type="text" class="long"><em class="fc-warning"><i class="icon-security-alarm"></i>请输入正确的邮件地址</em></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>邮件服务器：</div>
              <div class="form-content"><input type="text" class="long"><em>初始信息</em></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>端口：</div>
              <div class="form-content"><input type="text" class="long"><em>初始信息</em></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>用户名：</div>
              <div class="form-content"><input  type="text" class="long"><em>初始信息</em></div>
            </div>
            <div class="form-item">
              <div class="form-title"><em class="fc-danger">*</em>密码：</div>
              <div class="form-content"><input  type="password" class="long"><em>初始信息</em></div>
            </div>

            <div class="form-item">
              <div class="form-title">测试邮箱：</div>
              <div class="form-content"><textarea class="long"></textarea> <button class="btn btn-sm btn-minor">测试</button></div>
            </div>
          </div>
        </div>
        <div class="panel-foot">
          <div class="form-btn">
            <button class="btn">保存</button>
          </div>
        </div>

      </div>
    </div>
  </div>
</body>
</html>
<script>
  $(document).ready(function(){
   $("#add").on("click",function(){
    $(".dialog").show();
  })

   $(".dialog .close,#cancel").on("click",function(){
    $(".dialog").hide();
  })
   $.fn.zTree.init($("#role"), setting, zNodes);
 })

  var setting = {
    check: {
      enable: true
    },
    data: {
      simpleData: {
        enable: true
      }
    }
  };

  var zNodes =[
  { id:1, pId:0, name:"平台管理员", open:true},

  { id:2, pId:0, name:"采集系统管理员", open:true},

  { id:3, pId:0, name:"分析系统管理员"},

  { id:4, pId:0, name:"数据交换系统管理员"},

  { id:5, pId:0, name:"资源目录系统用户"},
  ];

</script>